<template>
<div>
       TestTestTest
        </div>
</template>

<script>
import api from "../api";
export default {
  name: "Index",
  created() {
    // this.getSubSys();
  },
  computed: {
    // comValue: function() {
    //   return this.task.value.split(",");
    // }
  },
  methods: {
    editSys(item) {
      aa
      this.sys = item;
      this.sysFormVisible = true;

      // debugger;
    },
    // startSubSys(item) {
    //   // this.sysPercentage = true;
    //   api.startSubSys({ id: item.id });
    // },
    // stopSubSys(item) {
    //   api.stopSubSys({ id: item.id });
    // },
    // editSubSysInfo() {
    //   api.editSubSysInfo(this.sys).then(() => {
    //     this.sysFormVisible = false;
    //     this.success("更新成功!");
    //   });
    // },
    // success(message) {
    //   this.$message({
    //     message: message,
    //     type: "success"
    //   });
    // },
    // updateSubSys(item) {
    //   api.updateSubSys({ id: item.id }).then(() => {
    //     //  this.getSubSys();
    //      this.success("更新成功!");
    //   });
    // },
    // getSubSys(index) {
    //   // debugger;
    //   api.getSubSys().then(res => {
    //     this.subSys = res.data.data;
    //     // this.subSys = [];
    //     // console.log(res.data[0]);
    //   });
    // }
  },
  data() {
    return {
      sysPercentage: false,
      formLabelWidth: "100px",
      sysFormVisible: false,
      sys: {
        id: "",
        repository: "",
        name: "",
        sys: "",
        port:'',
        startup: ""
      },
      subSys: []
    };
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1,
h2 {
  font-weight: normal;
}

ul {
  list-style-type: none;
  padding: 0;
}

li {
  display: inline-block;
  margin: 0 10px;
}

a {
  color: #42b983;
}
.login-box {
  margin: 0 auto;
  width: 400px;
  padding: 12px;
  border: 1px solid #cccccc;
  border-radius: 5px;
}
.mt15 {
  margin-top: 15px;
}
</style>
